* {
    margin: 0;
}

.justify-content-center {
    display: flex;
    justify-content: center;
}

.justify-content-space-between {
    display: flex;
    justify-content: space-between;
}

.align-items-center {
    display: flex;
    align-items: center;
}

.align-items-end {
    display: flex;
    align-items: flex-end;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.flex-direction-column-reverse {
    display: flex;
    flex-direction: column-reverse;
}

.display {
    display: flex;
}

.border {
    border: 1px solid red;
}

.title {
    font-size: 40px;
    color: rgb(230, 145, 55);
    padding: 10px;
}

.border-top {
    border-top: 1px solid gray;
    padding: 10px;
}

.font-title {
    font-family: 新宋体;
    font-size: 15px;
    line-height: 25px;
    cursor: pointer;
}

.font-content {
    font-family: "Courier New";
    font-size: 10px;
    line-height: 15px;
    color: gray;
}

.single-over {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*多行溢出*/
.many-over-two {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.many-over-four {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
